﻿body 
{
	font-family: Tahoma,Verdana,Helvetica, sans-serif;
	font-size: 12px;
	background-color:#EAF1FA; /*#EDF1F5;*/
	color: #333;
}
td
{    
    display: table-cell;    
    vertical-align: middle ;
    margin-top:auto;
    margin-bottom:auto;
}
.labelHeader
{
	font-size:11pt;font-weight:bold;color:#515B65;margin:0px 0px 0px 0px;
}
.divprint_hd{
	height:auto;
	position: absolute;
	z-index:9002;
	cursor:pointer;
	display:inline;
	text-align:left;
	background-color: #f5f7f6;
	text-decoration:none;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid #949494;
	-moz-box-shadow:
		0px 0px 4px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 4px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

.bogoc_table
{
    /*border-radius: 15px;
    moz-border-radius: 15px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Tahoma;
    font-size: 12px;
    font-style:italic;
    background-color:#CCCCCC;*/
    background-color:#EDEEEF;
    background: -webkit-linear-gradient(left, white, #DCDEE0);
    background: -moz-linear-gradient(left, white, #DCDEE0);
    background: -0-linear-gradient(left, white, #DCDEE0);
    background: linear-gradient(left, white, #DCDEE0);
}
.inputhighlight
{
    color:#0000AD;
}
input[type="text"], input[type="password"], input[type="email"]  
{
    outline: none; 
    padding: 4px; /* text-indent: 8px; */ 
    color: #0000AD; 
    font: 14px/14px Arial, sans-serif; 
    border: 1px solid #bfc3c7; 
    background-color: #f5f6f9; 
    -moz-box-shadow: 0px 1px 0px white;
    -webkit-box-shadow: 0px 1px 0px white;
    box-shadow: 0px 1px 0px white;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-image: linear-gradient(top, #f5f6f9, #f9fbfd);
} 
textarea  
{
    color: #5C5E61; 
    background-color: #f5f6f9; 
    border: 1px solid #bfc3c7; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
    -moz-box-shadow: 0px 1px 0px white; 
    -webkit-box-shadow: 0px 1px 0px white; 
    box-shadow: 0px 1px 0px white; 
    font: normal normal normal 14px/1.6 Arial, sans-serif; 
    }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus  
{
    background: white; 
    color: black; 
    -moz-box-shadow: 0px 0px 5px rgba(0, 148, 255, 0.7); /* FF3.5+ */ 
    -webkit-box-shadow: 0px 0px 5px rgba(0, 148, 255, 0.7); /* Saf3.0+, Chrome */ 
    box-shadow: 0px 0px 5px rgba(0, 148, 255, 0.7); /* Opera 10.5, IE9, Chrome 10+ */ } 
input[type="text"].error, input[type="password"].error  
{
    color: #bd2727; border-color: #e48181; 
    background: #ffebeb; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7e4e4), to(#ffebeb)); 
    background-image: -webkit-linear-gradient(top, #f7e4e4, #ffebeb); 
    background-image: -moz-linear-gradient(top, #f7e4e4, #ffebeb); 
    background-image: -ms-linear-gradient(top, #f7e4e4, #ffebeb); 
    background-image: -o-linear-gradient(top, #f7e4e4, #ffebeb); 
    background-image: linear-gradient(top, #f7e4e4, #ffebeb); } 
input[type="text"].error:focus, input[type="password"].error:focus  
{
    background: white; -moz-box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.3); /* FF3.5+ */ 
    -webkit-box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.3); /* Saf3.0+, Chrome */ 
    box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.3); /* Opera 10.5, IE9, Chrome 10+ */ } 
a.sm, input.sm { } /* disabled elements */ .elementDisabled  
{
    opacity: .5; 
    filter: alpha(opacity = 50); } /* enabled/disabled text */ 
.text-enabled { color: #629721;} 
.text-disabled { color: #BD280A;}
select  
{
    outline: none; 
    padding: 4px; /* text-indent: 8px; */ 
    color: #5C5E61; 
    font: normal normal normal 12px/12px Arial, sans-serif; 
    border: 1px solid #bfc3c7; 
    background-color: #f5f6f9; 
    -moz-box-shadow: 0px 1px 0px white;
    -webkit-box-shadow: 0px 1px 0px white;
    box-shadow: 0px 1px 0px white;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-image: linear-gradient(top, #f5f6f9, #f9fbfd);
} 
textarea  
{
    color: #5C5E61; 
    background-color: #f5f6f9; 
    border: 1px solid #bfc3c7; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
    -moz-box-shadow: 0px 1px 0px white; 
    -webkit-box-shadow: 0px 1px 0px white; 
    box-shadow: 0px 1px 0px white; 
    font: normal normal normal 14px/1.6 Arial, sans-serif; } 

.imgSoftIcon
{
    background-image:url('../images/HR.png');
    
}
.btn
{
	cursor:pointer;
}

.btnRefresh-bt
{
	border:1px none Black; 
	background-image: url('../Images/refresh-bt.png');
	font: smallcaption;
	/*background-color: #f5f7f6;*/
	text-align: left;
	width: 16px;
	height:16px;
	float:right;
}

.btnRefresh-mn
{
	
	background-position: left center;
	background-image: url('../Images/refresh.png');
	background-repeat: no-repeat;
	color: #003399; 
	background-color: #f5f7f6;
	text-align: left;
	
}

.btnRefresh
{
	border:1px none Black; 
	background-position: left center;
	background-image: url('../Images/refresh.png');
	font: smallcaption;
	width: 16px;
	color: #003399; 
	text-decoration:none;
	background-repeat: no-repeat;
	
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right:2px;
	padding-left:10px;
	background-color: #f5f7f6;
	text-align: left;
	}
.lblNomal
{
	/*color:#000000;*/
	color:#0000AD;
	font-size:13px;
}
	
.lblHighlight
{
    font-size:12pt;
    font-weight:bold;
    color:Red;
    /*color:White;*/
}

.lblActive
{
    font-size:12pt;
    font-weight:bold;
    /*color:#0080C0;*/
    color:Blue;
}

.lblErr
{
	font-size: 14pt;
	color: red;
	font-family: Tahoma;
	border-color:White;
}
.TitleEmp
{   
    background: #C7D8EC; /*#1D468C url('../images/highlight-bg.png') 50% 50% no-repeat;*/
    height:35px;
    padding-top:10px;
    padding-left:5px;
    padding-bottom:5px;
	border-bottom: 1px inset  #CDD0D4;
	/*border-right: 0px solid  #CDD0D4;
	border-left: 0px solid  #CDD0D4;*/
	float:left;
	-moz-box-shadow: inset 0px 0px 4px #000;
    -webkit-box-shadow: inset 0px 0px 4px #000;
    box-shadow: inset 0px 0px 4px #000;
}

.lblLeftTitle
{   
    font-size:13px;
    font-weight:bold;
    color:#111111;
    cursor:auto;
}

/*---top css----*/
.lblwelcome
{
    margin: 0px 0px 0px 0px;
    color: Black;/*#FFFFFF;*/
    text-decoration: none;
    font-size:11pt;
}
.topaUser {
    margin: 0px 0px 0px 0px;
    color: #1E395B; /*#FFFFFF;*/
    text-decoration: none;
    font-weight:bold;
    font-size:11pt;
}
.topaUser:hover{color:Orange;} 
.toplink {
    margin: 0px 10px 0px 0px;
    color: Black;/*#A0A5A8;*/
    text-decoration: none;
    font-size:10pt;
}
.toplink:hover{color:#FFFFFF;}  
.topbottomrow
{
    background-color: #DFE2E6;
    border-bottom: 1px solid #BFC3C7;
    height:10px;
    width:100%;
}
/*---end topcss----*/

/*---left menu css----*/
.LeftMenu
{
    padding-top: 0px;
    border-bottom: 1px inset #CDD0D4;
    border-right: 1px inset #CDD0D4;
}
 
.LeftMenuTitle
{
    font-size:11pt;
    font-weight:bold;
    /*color:#111;*/
    color:#1E395B;/*#00D0D4;*/
    padding-left:15px;
}

.LeftMenuMain
{
}  

.LeftMenuMain ul
{
    font-size:13px; margin:0px 0px 0px 0px;padding-left:16px;float:left;
}       
 		    	  							
.LeftMenuMain ul li
{   color:#E8ECF0;
    padding-top:5px; 
    padding-bottom:10px;
    border-bottom: 1px inset  #CDD0D4; 
    border-right: 1px inset #CDD0D4;
    cursor:pointer;
}	

.LeftMenuMain ul li img{width:20px;height:20px;margin-right: 10px;float:left;vertical-align:bottom;	}
.LeftMenuMain ul li a{color:#5C6670;text-decoration:none;}
.LeftMenuMain ul li a:hover{color:Orange;}    

.EmpListTextSearch
{
    padding-top: 0px;
    /*border-top: 1px inset  #CDD0D4; */
    vertical-align:middle;
}
.inputextSearch
{    
	margin:0px 0px 0px 0px;border: 1px solid #D7D7D7;padding:5px 10px 5px 10px;letter-spacing:1px;
	font-family:Tahoma,georgia,sans-serif;background-color:white;left:0;top:0;z-index:0;font-size:10pt;color:#5B636A;
}
.inputextSearchActive
{    
	margin:0px 0px 0px 0px;border: 1px solid #D7D7D7;padding:5px 10px 5px 10px;letter-spacing:1px;
	font-family:Tahoma,georgia,sans-serif;background-color:white;left:0;top:0;z-index:0;font-size:10pt;color:#5B636A;
				font-style:italic;
}

.EmpList
{
}

.EmpList a
{
    color:#5C6670;
    text-decoration:none;
    vertical-align:middle;
    padding-top:0px;
    padding-left:0px;
    cursor: pointer;
    font-size:13px;
}
.EmpList a:active{color:#4BA2D1;}
.EmpList a.active{color:#4BA2D1; }
.EmpList a:hover{color:#D85724;}  
.footer {
height: 135px;
background: #E4E8EC;
border-top: 1px solid #D3D7DC;
font-size: 11px;
-moz-box-shadow: 0px 1px 0px #dadee3;
-webkit-box-shadow: 0px 1px 0px #dadee3;
box-shadow: 0px 1px 0px #dadee3;
}
.ac_over span
{
    display:none;
}
.ac_even span
{
    display:none;
}
.ac_odd span
{
    display:none;
}

/*---end left menu css----*/


/* start thanh cuon len khi keo trang xuong*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../Images/ScrollTop/imgtotop.png) no-repeat left top;
}

#toTopHover {
	background:url(../Images/ScrollTop/imgtotop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/* end thanh cuon len khi keo trang xuong*/


.panelMainPanel h1
{
    margin: inherit;
}

.panelMainPanel h2
{
    margin: inherit;
}

.panelMainPanel h3
{
    margin: inherit;
}

.panelMainPanel h4
{
    margin: inherit;
    padding-top: 10px;
    font-size: 10pt;
    font-weight: normal;
}

.panelMainPanel h5
{
    margin: inherit;
}

.panelMainPanel h6
{
    margin: inherit;
}

.process-bar {
    border-radius: 5px 5px 5px 5px;
    height: 55px;
    position: relative;
    margin-left:3%;
    
}

.enble-step {
    background: url("../Images/enable_button.png") no-repeat scroll center center transparent;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    height: 52px;
    left: -23px;
    padding: 0 0 0 45px;
    position: absolute;
    top: -5px;
    width: 343px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.disable-step {
    background: url("../Images/fill_disable.png") no-repeat scroll center center transparent;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    height: 52px;
    left: -23px;
    padding: 0 0 0 45px;
    position: absolute;
    top: -5px;
   width: 346px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.disable-steps {
    background: url("../Images/fill_disables.png") no-repeat scroll center center transparent;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    height: 52px;
    left: -23px;
    padding: 0 0 0 45px;
    position: absolute;
    top: -5px;
   width: 343px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.enble-step1 {
    background: url("../Images/enable_button.png") no-repeat scroll center center transparent;
    color: #616161;
    font-size: 18px;
    font-weight: bold;
    height: 52px;
    left: 365px;
    padding: 0 0 0 25px;
    position: absolute;
    top: -5px;
    width: 385px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.disable-step1 {
    background: url("../Images/active_disable.png") no-repeat scroll center center transparent;
    color: #616161;
    font-size: 18px;
    font-weight: bold;
    height: 52px;
    left: 365px;
    padding: 0 0 0 25px;
    position: absolute;
    top: -5px;
    width: 385px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.disable-step1s {
    background: url("../Images/active_disables.png") no-repeat scroll center center transparent;
    color: #616161;
    font-size: 18px;
    font-weight: bold;
    height: 52px;
    left: 365px;
    padding: 0 0 0 25px;
    position: absolute;
    top: -5px;
    width: 385px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.enble-step2 {
    background: url("../Images/completed_enable.png") no-repeat scroll center center transparent;
    color: #616161;
    font-size: 18px;
    font-weight: bold;
    height: 52px;
    left: 775px;
    padding: 0 0 0 25px;
    position: absolute;
    top: -5px;
    width: 360px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.disable-step2 {
    background: url("../Images/completed_disable.png") no-repeat scroll center center transparent;
    color: #616161;
    font-size: 18px;
    font-weight: bold;
    height: 52px;
    left: 775px;
    padding: 0 0 0 25px;
    position: absolute;
    top: -5px;
    width: 360px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.padding {
    padding-left: 23px;
    padding-top: 14px;
}

.warning {
    background-color: #F1F1F1;
    border: 1px solid #E9E9E9;
    height: 20px;
    margin-left:1%;
    padding: 3px 15px;
    width:95%;
}

#captcha
{
    height:31px;
     background: url("../Images/Captcha.png") no-repeat scroll center center transparent;
   
    background-repeat:no-repeat;
    font-size:25px;
    position:relative;
    width: 102px;
    float:left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#captcha_gen
{
    left:10px;
    top:2px;
    position:absolute;
    Font-family:Monospace;
    font-weight:bold;
    text-align:justify;
}
.InputFloatLeftCaptcha
{
      float: left;
    margin-left: 10px;
    margin-top: 7px;
    
}

.Infocssborder
{
     background-color: #F1F1F1;
    border: 1px solid #E9E9E9;
    height: 20px;
    margin-left: 1%;
    padding: 3px 15px;
}
.labelConfig
{
    padding-bottom:2px;
}
.login_header
{
    /*background-color:#03090F;*/
    background:#232425 url(../images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
	margin:0px 0px 0px 0px;		
	width:100%;
	height:35px;
	font-size:15px; 			
}
.login_header img
{    
	margin:10px 0px 0px 0px;
	padding-left:12%;
	width:35px;
	height:20px;
	float:left;			
}
.login_header span
{   	
	color:#FFFFFF;		
}

.login_header p1
{      
	margin-top:10px;
	margin-bottom:3px;					
    margin-left:10px;
    text-align:left;
	line-height:normal;	
	font-size:12px;	
	font-family:Arial;		
	font-style:italic;
	font-weight:bold;
	color:Black;/*#A0A5A8;	*/
	float:left;	
	width:350px;	
}

.login_header1
{
    /*background-color:#03090F;*/
    background:#232425 url(../images/topicon.png) 50% 50% repeat-x;
	margin:0px 0px 0px 0px;		
	width:100%;
	height:35px;
	font-size:15px; 			
}


.login_header1 img
{    
	margin:10px 0px 0px 0px;
	padding-left:12%;
	width:35px;
	height:20px;
	float:left;			
}
.login_header1 span
{   	
	color:#FFFFFF;		
}

.login_header1 p1
{      
	margin-top:10px;
	margin-bottom:3px;					
    margin-left:10px;
    text-align:left;
	line-height:normal;	
	font-size:12px;	
	font-family:Arial;		
	font-style:italic;
	font-weight:bold;
	color:Black;/*#A0A5A8;	*/
	float:left;	
	width:350px;	
}

.login_top
{
    background: #D3E4F6; /*#1D468C url('../images/highlight-bg.png') 50% 50% no-repeat;*//*Dang them 03/04/2012 */
    /*background-color:#26599A;*/
	margin:0px 0px 0px 0px;		
	width:100%;
	height:100px;
	font-size:15px;				
	moz-box-shadow: inset 0px 0px 10px #000;
    webkit-box-shadow: inset 0px 0px 10px #000;
    box-shadow: inset 0px 0px 5px #000;
    border-bottom: 1px solid white;
}

.login_top p
{
    float:inherit;   
    font-family:Tahoma;
    font-size:27pt;
    background:transparent url(Images/highlight-bg.png) no-repeat scroll center top;   
    background-position: center;    
    border:0px solid red;
    text-align:left;
    padding-top:25px; 
    padding-left:12%;   
    height:75px;    
    color:Black; /* #FFFFFF;   */
    margin:0px;
}